<template>
  <div>
    <FilmSwiper>
      <div class="swiper-slide" v-for="(data,index) in datalist" :key="index">
        <div :style="{backgroundImage:'url('+data+')'}" style="height: 200px;background-size: cover"></div>
      </div>

    </FilmSwiper>
   <Film-header style="position:sticky;top: 0px; background: white;z-index: 100"></Film-header>
    <router-view></router-view>
  </div>

</template>
<script>
import FilmHeader from '@/views/film/FilmHeader'
import FilmSwiper from '@/views/film/FilmSwiper'

export default {
  data () {
    return {
      datalist: ['https://pic.maizuo.com/usr/movie/ce8b69f03f147e1b2dba9560a076a334.jpg',
        'https://pic.maizuo.com/usr/movie/a3d0ad7e62ec8949e54b814779443050.jpg',
        'https://pic.maizuo.com/usr/movie/4c66abbfbb070e222828c7ddeea74ed1.jpg']
    }
  },
  components: { FilmSwiper, FilmHeader }
}
</script>
